<!--
  在产详情页面
  点击订单信息页面状态为在产的条目进入该页面
-->
<ion-header>
  <ion-navbar>
    <ion-title>
      在产详情
    </ion-title>
  </ion-navbar>
</ion-header>
<ion-content>
  <div class="wrap">
    <div class="btn-wrap">
      <div class="box" *ngFor="let x of buttons" (click)="circleClick(x)">
        <button ion-button icon-only [title]="x.inspectionPositionName" [class.step1]="x.inspectionStatus=='1001'" [class.step2]="
          x.inspectionStatus=='1002' " [class.step3]="x.inspectionStatus=='1003'">
        </button>
        <p>{{x.inspectionPositionName}}</p>
      </div>
      <div class="line"></div>
    </div>
  </div>
  <div class="tableWrap">
    <ion-list>
      <button ion-item (click)="buttonClick(x)" *ngFor="let x of finditeminformation">
        <div>
          <span>{{x.inspectionItemName}}</span>
          <span class="status">
            <span>{{x.inspectionStatus}}</span>
            <span>
              <ion-icon ng-if="x.processingStatus=='异常'" name="checkmark-circle" class="normal"></ion-icon>
              <ion-icon ng-if="x.processingStatus=='正常'" name="close-circle" class="abnormal"></ion-icon>
            </span>
          </span>
        </div>
        <div>
          {{x.inspectionContent}}
          <span class="status">
            <ion-icon text-right name="ios-arrow-forward"></ion-icon>
          </span>
        </div>
      </button>
    </ion-list>
    <!-- <ion-card>
      <ion-card-header>
        发电机
      </ion-card-header>
      <ion-list>
        <ion-item>
          检查内容：轴承能否正常运转
        </ion-item>
        <ion-item>
          检查方式：测试
        </ion-item>
        <ion-item>
          检查标准：机器轴承能正常运转
        </ion-item>
      </ion-list>
    </ion-card>
    <ion-card>
      <ion-card-header>
        消防栓
      </ion-card-header>
      <ion-list>
        <ion-item>
          检查内容：消防栓塞是否松动
        </ion-item>
        <ion-item>
          检查方式：手动测试
        </ion-item>
        <ion-item>
          检查标准：消防栓塞未松动
        </ion-item>
        <ion-item text-center>
          <button ion-button icon-start>
            <ion-icon name="star"></ion-icon>
            Left Icon
          </button>
          <button ion-button icon-end>
            Right Icon
            <ion-icon name="star"></ion-icon>
          </button>
        </ion-item>
      </ion-list>


    </ion-card> -->
  </div>

</ion-content>